

<template>
  <div>
    <el-table :data="menuList">
      <el-table-column prop="menuName" label="名称" min-width="80" show-overflow-tooltip></el-table-column>
      <el-table-column prop="icon" label="图标" width="60">
        <template #default="scope">
          <svg-icon :icon-class="scope.row.icon" />
        </template>
      </el-table-column>
      <el-table-column prop="orderNum" label="排序" width="60"></el-table-column>
      <el-table-column prop="perms" label="权限标识" :show-overflow-tooltip="true"></el-table-column>
      <el-table-column prop="component" label="组件路径" :show-overflow-tooltip="true"></el-table-column>
      <el-table-column prop="status" label="状态" width="80">
      </el-table-column>
      <el-table-column label="创建时间" align="center" width="160" prop="createTime">
        <template #default="scope">
          <span>{{ parseTime(scope.row.createTime) }}</span>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>
<script setup>
import {getMenuList} from "@/api/system/menu";
import {ref} from "vue";
import {parseTime} from "@/utils/TimeUtil"

const menuList = ref([]);
getMenuList().then(response => {
  menuList.value = response.data;
});


</script>
